<!--
 * @Author: ljh
 * @Date: 2022-07-27 15:13:36
 * @LastEditTime: 2022-08-01 16:32:11
 * @LastEditors: ljh
 * @Description: 
 * @FilePath: \网易严选项目\index.html
 * 别乱动！
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/commom.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
  <!-- 快捷导航模块start -->
  <section class="shortcut">
    <div class="w">
      <div class="fr">
    <ul>
      <li class="arrow-icon1"><a href="">APP</a> </li>
      <li></li>
      <li class="arrow-icon"><a href="">客户服务</a></li>
      <li></li>
      <li class="arrow-icon"><a href="">企业采购</a> </li>
      <li></li>
      <li><a href="">甄选家</a></li>
      <li></li>
      <li><a href="">会员</a></li>
      <li></li>
      <li><a href="">我的订单</a></li>
      <li></li>
      <li><a href="">登录/注册</a></li>
    </ul>
  </div>
  </div>
  </section>
  <!-- 快捷导航模块end -->
  <!-- 头部导航模块start -->
 
  <header class="header w">
    <!-- logo模块 -->
    <div class="logo">
      <h1>
        <a href="index.html">网易严选</a>
      </h1>
    </div>
    <!-- search搜索模块 -->
    <div class="search">
      <input type="search" name="" id="" placeholder="近期新品">
      <button>搜索</button>
    </div>
    <!-- hotwords模块制作 -->
    <div class="hotwords">
      <a href="">牙刷</a>
     
      <a href="">湿巾</a>
     
      <a href="">袜子</a>
     
      <a href="">元系列飞机杯</a>    
      <a href="">毛巾</a>  
      <a href="">纸巾</a>     
      <a href="">内裤</a>
      <a href="">锅</a>     
      <a href="">水杯</a>
    </div>
    <!-- 购物车模块 -->
    <div class="shopcar">购物车
      <i class="count">0</i>
    </div>
  </header>
  <!-- 头部导航模块end -->

  <!-- nav导航制作start -->
  <nav class="nav">
    <div class="w">
      <div class="dropdown">
        <ul>
          <li><a href="index.html" target="_blank">首页</a></li>
          <li><a href="#">居家生活</a>
            <div>
							<!-- 其他列表标签 -->
							<dl>
								<dd>
									<a href="#">我的</a>
									<div>1</div>
									<div>2</div>
									<div>3</div>
									<div>4</div>
									<div>5</div>
								</dd>
								<dd>帮助</dd>
								<dd>其他</dd>
								<dd>其他</dd>
								<dd>其他</dd>
								<dd>其他</dd>
								<dd>其他</dd>
								<dd>其他</dd>
							</dl>
						</div>
        </li>
        <li><a href="#">宠物生活</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
         
        </li>
        <li><a href="#">服饰鞋包</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">美食酒水</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">个护清洁</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">母婴亲子</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">运动旅行</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">数码家电</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">严选全球</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        <li><a href="#">众筹</a>
          <div>
            <!-- 其他列表标签 -->
            <dl>
              <dd>
                <a href="#">我的</a>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </dd>
              <dd>帮助</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
              <dd>其他</dd>
            </dl>
          </div>
        </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- nav导航制作end -->
  <!-- 屏幕大图模块start -->
  <div class="screen">
    
  </div>
  <!-- 屏幕大图模块end -->
  <!-- 新品首发模块制作start -->
  <div class="new">
    <div class="w">
      <div class="top">
      <h3>新品首发</h3>
      <div class="small">为你寻觅世间好物</div>
      <div class="small2">更多新品</div>
    </div>
      <div class="tupian">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div class="intro">
        <span><h4>应季清仓 男士全棉200G 重磅基础短袖T恤</h4><p>￥99</p></span>
        <span><h4>夏季停车必备汽车遮阳折叠隔热车载防晒伞</h4><p>￥99</p></span>
        <span><h4>【七夕大礼包】 15件超值优惠零食大礼包</h4><p>￥99</p></span>
        <span><h4>君乐宝简醇无蔗糖酸奶0蔗糖 760*2桶装</h4><p>￥99</p></span>
      </div>
    </div>
  </div>

  <!-- 新品首发模块制作end -->
  
  <!-- 人气推荐模块start -->
      <div class="hot">
        <div class="w">
          <div class="showheader">
            <h3>人气推荐</h3>
            <div class="small"><a href="#">编辑推荐</a> <a href="#">热销总榜</a> </div>
            <div class="small2">更多推荐</div>
          </div>
          <div class="showcontainer">
            <div>
              <img src="./images/popular.webp" alt="">
              <span><h4>能除臭的空气浴室香氛 13种香型选择</h4><i>￥14.9</i><strike>￥19.9</strike></span>
            </div>
            <div>
              <img src="./images/hotdog.webp" alt="">
              <span><h4>脆皮多肉肠（黑胡椒味）250克/袋</h4><i>￥19</i><strike>￥26</strike></span>
            </div>
            <div>
              <img src="./images/zhijin.webp" alt="">
              <span><h4>湿擦更干净，屁屁更舒爽 可冲散湿厕纸</h4><i>￥3.5</i><strike>￥4.9</strike></span>
            </div>
            <div>
              <img src="./images/tusi.webp" alt="">
              <span><h4>≥20%纯牛乳，云朵吐司 巧克力味 400克</h4><i>￥19.9</i><strike>￥25</strike></span>
            </div>
            <div>
              <img src="./images/tuoxie.webp" alt="">
              <span><h4>玩趣彩虹四季拖鞋 轻盈柔软 抗菌防滑</h4><i>￥19.9</i><strike>￥24</strike></span>
            </div>
            <div>
              <img src="./images/banli.webp" alt="">
              <span><h4>拥有3千年种植历史产区，甜糯板栗仁 50克</h4><i>￥39.8</i><strike>￥44</strike></span>

            </div>
            <div>
              <img src="./images/xiyiye.webp" alt="">
              <span><h4>清新英国梨香 强力去污酵素洗衣液3kg/1kg</h4><i>￥35</i><strike>￥45</strike></span>
            </div>
          </div>
          </div>  
          </div>
        </div>
      </div>

  <!-- 人气模块end -->
  <div class="bottom">
    <div class="w">
      <div class="mod_service">
        <ul>
          <li>
            <h5></h5>
            <div class="service">
              <p>网易自营电商</p>
            </div>
          </li>
          <li>
            <h5></h5>
            <div class="service">
              <p>30天无忧退换货</p>
            </div>
          </li>
          <li>
            <h5></h5>
            <div class="service">
              <p>满99元免邮费</p>
            </div>
          </li>
          <li>
            <h5></h5>
            <div class="service">
              <p>品质保证</p>
            </div>
          </li>
          
        </ul>
      </div>
      
    </div>
    <div class="mod_help">
      <dl>
        <dt></dt>
        <dd></dd>
      </dl>
    </div>
  </div>

  
</body>
</html>
